@include b(custom-theme) {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: getCssVar('spacing', 'loose');
    @include b(custom-theme-header) {
        .el-button {
            padding: getCssVar('spacing', 'tight');
        }
    }
    @include b(custom-theme-content) {
        height: auto;
        padding: getCssVar('spacing', 'tight') getCssVar('spacing', 'base');
        overflow-y: auto;

        .el-tabs {
            height: 100%;
        }

        .el-tabs__content {
            height: calc(100% - 55px);
            overflow: auto;
        }
    }
    @include b(custom-theme-footer) {
        flex: none;
        height: 64px;
        padding: getCssVar('spacing', 'base');
        @include flex(row, flex-start, center);
    }
}
@include b(custom-theme-item) {
    padding: getCssVar('spacing', 'base');
    border-bottom: 1px solid getCssVar(color, border);
    @include e(caption) {
        font-size: getCssVar('font-size', 'header-5');
        font-weight: getCssVar('font-weight', 'bold');
        line-height: getCssVar('spacing', 'super', 'loose');
    }
}

@include b(custom-theme-var) {
    gap: getCssVar('spacing', 'base');
    padding: getCssVar('spacing', 'extra-tight') 0;
    @include flex(row, space-between, center);
}